<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>

    <!-- body -->
    <% block('content', function(){ %>

        <div class="je-p20 group-serch">
            <blockquote class="je-quote green je-f16 je-ovh je-mb10">
                <p>
                    <input type="text" name="title" id="inpstart" placeholder="开始游玩日期" readonly class="je-input je-pl5 je-pr5">
                    <input type="text" name="title" id="inpend" placeholder="结束游玩日期" readonly class="je-input je-pl5 je-pr5">
                    <!-- <select class="myselect" id="Order_state">
                            <optgroup label="订单状态">
                            <option value="">所有</option>
                            <option value="0">正常</option>
                            <option value="1">作废</option>
                            <option value="2">已出票</option>
                            <option value="3">已检票</option>
                            <option value="4">退票</option>
                            </optgroup>
                        </select>


                    <select class="myselect">
                                <optgroup label="操作员">
                                    <option value="">所有售票员</option>
                                    <option value="大门自助机">大门自助机</option>
                                </optgroup>
                                </select>


                    <select class="myselect">
                                <optgroup label="业务员">
                                    <option value="">所有营销员</option>
                                </optgroup>
                                </select>-->

                    <select class="myselect" id="partnerID">
                                <optgroup label="旅行社">
                                    <option value="">所有客户</option>
                                </optgroup>
                        </select>

                    <!-- <input type="text" name="title" autocomplete="off" placeholder="备注" class="je-input"> -->
                    <input type="button" class="je-btn je-btn-small je-btn-normal serch-btn" value="查询">
                </p>
            </blockquote>
            <table class="je-table">
                <thead>
                    <tr>
                        <th>单号</th>
                        <th>客户</th>
                        <th>类型</th>
                        <!-- <th>业务员</th>
                        <th>导游</th> -->
                        <th>人数</th>
                        <th>票数</th>
                        <th>金额</th>
                        <th>游玩时间</th>
                        <th>状态</th>
                    </tr>
                </thead>
                <tbody class="serch_all">

                </tbody>
            </table>
            <div class="success">查询数据失败,请更换条件查询</div>
        </div>
        <script type="html" id="serch_all">
            <tr>
                <td>{orderId}</td>
                <td>{name}</td>
                <td>{customerTypeName}</td>
                <!-- <td></td>
                <td></td> -->
                <td>{number}</td>
                <td>{number}</td>
                <td>￥{amount}</td>
                <td>{playdate}</td>
                <td>{status}</td>
            </tr>
        </script>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                var start = {
                    format: 'YYYY-MM-DD',
                    minDate: '2014-06-16', //设定最小日期为当前日期
                    isinitVal: true,
                    //festival:true,
                    ishmsVal: false,
                    maxDate: $.nowDate({
                        DD: 0
                    }), //最大日期
                    choosefun: function(elem, val, date) {
                        end.minDate = date; //开始日选好后，重置结束日的最小日期
                        endDates();
                    }
                };
                var end = {
                    format: 'YYYY-MM-DD',
                    minDate: $.nowDate({
                        DD: 0
                    }), //设定最小日期为当前日期
                    //festival:true,
                    maxDate: '2099-12-31', //最大日期
                    choosefun: function(elem, val, date) {
                        start.maxDate = date; //将结束日的初始值设定为开始日的最大日期
                    }
                };
                //这里是日期联动的关键        
                function endDates() {
                    //将结束日期的事件改成 false 即可
                    end.trigger = false;
                    $("#inpend").jeDate(end);
                }
                $('#inpstart').jeDate(start);
                $('#inpend').jeDate(end);
                $(".myselect").jeSelect({
                    sosList: false
                });

            })
        </script>

        <% }) %>